<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>jQuery Book Browser</title>
    <link rel="stylesheet" href="css/books.css">
    <link rel="stylesheet" href="../node_modules/jquery-ui-dist/jquery-ui.theme.css">
</head>
<body>
    <div id="container">
        <h1>Selected jQuery Books</h1>
        <ul id="books">
            <li>
                <img src="images/jq-game.jpg" alt="jQuery Game Development Essentials" />
                <div class="title">jQuery Game Development Essentials</div>
                <div class="author">Salim Arsever</div>
            </li>
            <li>
                <img src="images/jqmobile-cookbook.jpg" alt="jQuery Mobile Cookbook" />
                <div class="title">jQuery Mobile Cookbook</div>
                <div class="author">Chetan K Jain</div>
            </li>
            <li>
                <img src="images/jquery-designers.jpg" alt="jQuery for Designers" />
                <div class="title">jQuery for Designers</div>
                <div class="author">Natalie MacLees</div>
            </li>
            <li>
                <img src="images/jquery-hotshot.jpg" alt="jQuery Hotshot" />
                <div class="title">jQuery Hotshot</div>
                <div class="author">Dan Wellman</div>
            </li>
            <li>
                <img src="images/jqui-cookbook.jpg" alt="jQuery UI Cookbook" />
                <div class="title">jQuery UI Cookbook</div>
                <div class="author">Adam Boduch</div>
            </li>
            <li>
                <img src="images/mobile-apps.jpg" alt="Creating Mobile Apps with jQuery Mobile" />
                <div class="title">Creating Mobile Apps with jQuery Mobile</div>
                <div class="author">Shane Gliser</div>
            </li>
            <li>
                <img src="images/drupal-7.jpg" alt="Drupal 7 Development by Example" />
                <div class="title">Drupal 7 Development by Example</div>
                <div class="author">Kurt Madel</div>
            </li>
            <li>
                <img src="images/wp-mobile-apps.jpg" alt="WordPress Mobile Applications with PhoneGap" />
                <div class="title">WordPress Mobile Applications with PhoneGap</div>
                <div class="author">Yuxian Eugene Liang</div>
            </li>
        </ul>
    </div>
    <script src="../node_modules/jquery/dist/jquery.js"></script>
    <script src="../node_modules/jquery.cookie/jquery.cookie.js"></script>
    <script src="../node_modules/cycle/cycle.js"></script>
    <script src="../node_modules/jquery-ui-dist/jquery-ui.js"></script>
    <script src="js/books.js"></script>
    <script src="js/exercise-1.js"></script>
    <script src="js/exercise-2.js"></script>
    <script src="js/exercise-3.js"></script>
    <script src="js/exercise-4.js"></script>
    <script src="js/exercise-5.js"></script>
</body>
</html>